<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="include.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	KISSY.use("core",function(S,c){
		var $ = S.all ;
			//$("<p>asdfasdfasdfasdfasdasdasd</p>").appendTo('body').css("position","absolute").css("top","0").css("width","0");	
		
	})
</script>
<!-- 
<div style="position: absolute;"></div>
77777<br />77777<br />
77777<br />

77777<br />
77777<br />
77777<br />
77777<br />

77777<br />

77777<br />

77777<br />
77777<br />
<hr/>
 -->

<select id="select1" onchange="aa('select2')">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	<option value="6">6</option>
</select>

<select id="select2" onchange="aa('select3')">
</select>

<select id="select3">
</select>

<script type="text/javascript">
KISSY.use("core",function(S,c){
	var $ = S.all ;
	var elel = ["select1","select2","select3"];
	var data  = [1,3,6];
	
	
	for(var i = 0 ; i < elel.length ; i++){
		var o = document.getElementById(elel[i]);
		o.focus();
		o.value = data[i];
		try{
			o.onchange();
		}catch(e){}
	}
	//o.fireEvent("onchange");
})

function aa(id){
	var o = document.getElementById(id);
	o.options.add(new Option(1, 1))
	o.options.add(new Option(2, 2))
	o.options.add(new Option(3, 3))
	o.options.add(new Option(4, 4))
	o.options.add(new Option(5, 5))
	o.options.add(new Option(6, 6))
}
	
</script>

</body>
</html>